@charset "UTF-8";
/* 搜索栏 */
header {
  width: 10.8rem;
  height: 1.44rem;
  line-height: 1.44rem;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0rem;
  z-index: 100;
}
header form {
  display: flex;
  margin: auto;
  position: relative;
}
header form input {
  width: 9.82rem;
  height: 0.89rem;
  outline: none;
  border: none;
  box-sizing: border-box;
  padding-left: 1.01rem;
  background-color: #f7f7f7;
  border-radius: 0.43rem;
  /* margin-right: .23rem; */
}
header form input::-webkit-input-placeholder {
  color: #afbac1;
}
header form > img:nth-of-type(1) {
  width: 0.59rem;
  height: 0.59rem;
  position: absolute;
  top: 0.14rem;
  left: 0.29rem;
  transform: scale(1);
}

/* 中间内容 */
main {
  display: flex;
  height: calc(100vh - 3.2rem);
  width: 10.8rem;
  /* 中间左边 */
  /* 中间右边 */
}
main .main-left-container {
  width: 2.74rem;
  font-size: 0.35rem;
  height: 100%;
  /* overflow-y: scroll; */
  overflow-y: scroll;
}
main .main-left-container::-webkit-scrollbar {
  display: none;
}
main .main-left-container ul li {
  width: 2.28rem;
  height: 1.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .main-left-container ul li a {
  color: #666666;
  display: inline-block;
  width: 2.28rem;
  text-align: center;
  box-sizing: border-box;
}
main .main-left-container ul li:nth-child(2) a {
  border-left: 2px solid #ff5934;
  font-weight: bold;
  color: black;
}
main .main-right-container {
  width: 7.55rem;
  height: 100%;
  overflow-y: scroll;
  overflow-y: scroll;
  /* &::-webkit-scrollbar{
      display: none;
  } */
}
main .main-right-container .top-pic img {
  width: 7.32rem;
  height: 2.19rem;
}
main .main-right-container .nav {
  width: 7.55rem;
  position: relative;
  overflow-x: scroll;
  /* overflow: hidden; */
}
main .main-right-container .nav::-webkit-scrollbar {
  display: none;
}
main .main-right-container .nav ul {
  width: 10.8rem;
  display: flex;
}
main .main-right-container .nav ul li {
  display: flex;
}
main .main-right-container .nav ul li a {
  display: inline-block;
  font-size: 0.35rem;
  margin-right: 0.58rem;
}
main .main-right-container .nav ul > li:nth-child(1) a {
  background-color: #efefef;
}
main .main-right-container .title {
  width: 7.55rem;
  height: 0.92rem;
  margin: 0.43rem 0rem 0rem;
  font-size: 0.4rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.92rem;
}
main .main-right-container .product {
  margin-top: 0.14rem;
}
main .main-right-container .product a .product-item {
  width: 7.55rem;
  height: 2.16rem;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  border-radius: 0.23rem;
}
main .main-right-container .product a .product-item .pic {
  display: flex;
  align-items: center;
}
main .main-right-container .product a .product-item .pic img {
  width: 1.99rem;
  height: 1.99rem;
}
main .main-right-container .product a .product-item .price {
  color: #333333;
}
main .main-right-container .product a .product-item .price h2 {
  font-size: 0.4rem;
  font-weight: bold;
}
main .main-right-container .product a .product-item .price h3 {
  font-size: 0.43rem;
  font-weight: bold;
}
main .main-right-container .product a .product-item .price h3 span {
  font-size: 0.35rem;
}
main .main-right-container .classify .classify-item {
  width: 7.55rem;
  display: flex;
  justify-content: space-evenly;
  margin-top: 0.43rem;
}
main .main-right-container .classify .classify-item a .small-pic {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .main-right-container .classify .classify-item a .small-pic img {
  width: 1.5rem;
  height: 1.5rem;
}
main .main-right-container .classify .classify-item a .small-pic .name {
  font-size: 0.35rem;
  width: 2.51rem;
  height: 0.37rem;
  text-align: center;
  margin-top: 0.29rem;
}

/* 底部导航 */
footer {
  width: 10.8rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-evenly;
  background-color: #ffffff;
  align-items: center;
  position: fixed;
  bottom: 0rem;
  z-index: 100;
  box-shadow: 0px -0.06rem 0.14rem rgba(0, 0, 0, 0.2);
}
footer .nav-bottom {
  width: 2.07rem;
  height: 1.12rem;
  display: flex;
  justify-content: center;
}
footer .nav-bottom a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .nav-bottom a img {
  width: 0.58rem;
  height: 0.58rem;
}
footer .nav-bottom a h1 {
  font-size: 0.35rem;
}
footer .nav-bottom:nth-child(2) a h1 {
  color: #ff7517;
}/*# sourceMappingURL=category-1.css.map */